<link rel="stylesheet" href="/css/login/loginPage.css">
<!--<link rel="stylesheet" href="/css/common/commonStyle.css">-->

<div id="app" class="login-main" v-cloak>
  <div class="title">代理商管理平台</div>
  <div class="input-item phone">
    <div class="field-title">手机号</div>
    <div class="input-area">
      <input type="text" id="phoneInput" @click="phoneClick" placeholder="已开通的手机号" v-model.trim="phone"/>
    </div>
  </div>
  <div class="input-item code">
    <div class="field-title">验证码</div>
    <div class="input-area code-item">
      <div>
        <input type="text" id="codeInput" @click="codeClick" placeholder="请输入验证码" v-model.trim="code" maxlength="4"/>
      </div>
      <div v-if="!remainTime" @click="getCheckCode" :class="{'active':isCanGetCode}">获取验证码</div>
      <div v-cloak v-else :class="{'active':isCanGetCode}">已发送 {{remainTime}}&nbsp;秒</div>
    </div>
  </div>
  <div class="login-btn" :class="{'unactice-btn':isDisableLogin}" @click="doLogin">登 录</div>
  <div class="footer-desc">
    神州安信提供技术支持
  </div>

</div>
<script src="/js/login/loginPage.js"></script>
